import { styled } from "@mui/material";

export const PageWrapper = styled("div")(({ theme }) => ({
	width: "100%",
	height: "100%",
	display: "flex",
	flexDirection: "column",
	alignItems: "flex-start",
	justifyContent: "flex-start",
	background: theme.background.page,
}));

export const PageWrapperContent = styled("div")(() => ({
	width: "100%",
	height: "100%",
	position: "relative",
	padding: "10px",
}));
